/*
	Name: Global Form Styles
	Description: Default styling for forms.
				 Message classes borrowed from
				 http://www.blueprintcss.org/
	Coder: Enrique Ramirez
	Coder URI: http://enrique-ramirez.com
*/

fieldset
{
    background: #f9f9f9;
    margin: 0.5em;
    padding: 1em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
legend
{
    font-size: 1.25em;
    margin-bottom: 0 !important;
    margin-bottom: 1.429em;
    padding: 0 .5em;
}
label
{
    font-size: 1.1em;
    height: 25px;
    line-height: 25px;
}

/* Input Types */
input[type='text'], input[type='email'], input[type='url'], textarea, div.jHtmlArea
{
    background: #fff;
    border: 1px solid #999999;
    color: #686868;
    font-family: inherit;
    font-size: 0.9em;
    padding: 2px;
    width: 98%;
}
input[type='text']:hover, input[type='email']:hover, input[type='url']:hover, textarea:hover, div.jHtmlArea:hover
{
    background: #fff;
    border-color: #9ae494;
    cursor: text;
}
input[type='text']:focus, input[type='email']:focus, input[type='url']:focus, textarea:focus, div.jHtmlArea:focus
{
    /*background: #f0fcef;*/
    border-color: #9ae494;
    color: #0d0d0d;
}

input[type='checkbox'], input[type='radio']
{
    display: block;
    margin-top: 4px;
}

input[type='submit']
{
    background: #108308;
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    padding: .3em 2em;
    text-shadow: 1px 1px 1px #000;
}

input:required, textarea:required
{
    outline: 1px solid #C74350;
}

/*disabled*/
input[disabled='disabled'], input[disabled='disabled']:hover
{
    background: #CCCCCC;
    color: #666666;
    border: 1px solid #999999;
    cursor: auto;
}

/* Textarea */
textarea
{
    width: 99%;
    margin-bottom: 7px;
}

textarea#Content, textarea#Content_fr, textarea#Content_en
{
    /*when showing html source in html editor*/
    height: 767px;
}

/* Alignments */
div.left
{
    margin-left: 1em;
}
div.right
{
    margin-right: 1em;
}

.labels-left label, div.left label
{
    clear: left;
    float: left;
    margin-right: .5em;
    text-align: right;
}
.labels-left input, div.left input, .labels-left select, div.left select
{
    float: left;
}

.labels-right label, div.right label
{
    float: left;
    margin-left: .5em;
    text-align: right;
}
.labels-right input, div.right input, .labels-right select, div.right select
{
    clear: left;
    float: left;
}

.labels-top label, div.top label
{
    display: block;
}
.labels-top input, div.top input
{
    margin-bottom: 0;
}

/* Columns */
.columns-2 div.column1, .columns-2 div.column2
{
    float: left;
    width: 48%;
}
.columns-2 input.text
{
    width: 150px;
}

.columns-3 div.column1, .columns-3 div.column2, .columns-3 div.column3
{
    float: left;
    width: 33%;
}
.columns-3 input.text
{
    width: 120px;
}

.columns-2 div.left, .columns-2 div.right, .columns-2 div.top
{
    width: 32%;
}
.columns-3 div.left, .columns-3 div.right, .columns-3 div.top
{
    width: 29%;
}

/* Messages classes */
.req
{
    color: #C74350;
}
.error, .notice, .success
{
    padding: .2em;
    margin-bottom: 1em;
    border: 2px solid #ddd;
}

.error
{
    background: #FBE3E4;
    border-color: #FBC2C4;
    color: #8a1f11;
}
.notice
{
    background: #FFF6BF;
    border-color: #FFD324;
    color: #514721;
}
.success
{
    background: #E6EFC2;
    border-color: #C6D880;
    color: #264409;
}

.error a
{
    color: #8a1f11;
}
.notice a
{
    color: #514721;
}
.success a
{
    color: #264409;
}
